<template>
	<view>
		<!-- <view style="width: 100%;" v-for="img in imgList"> -->
		<!-- <u--image :showLoading="true" :src="img" mode="scaleToFill" /> -->
		<!-- </view> -->
		<view id="bodyContainer"></view>

	</view>
</template>

<script>
	// import {
	// 	renderAsync
	// } from "docx-preview";
	export default {
		onLoad(option) {
			this.imgList = option.imgList.split(',')
			this.openDocument(this.imgList[0])
			console.log(this.imgList)
		},
		data() {
			return {
				imgList: [],
				docxOptions: {
					className: "kaimo-docx-666", // string：默认和文档样式类的类名/前缀
					inWrapper: true, // boolean：启用围绕文档内容的包装器渲染
					ignoreWidth: true, // boolean：禁用页面的渲染宽度
					ignoreHeight: false, // boolean：禁止渲染页面高度
					ignoreFonts: true, // boolean：禁用字体渲染
					breakPages: false, // boolean：在分页符上启用分页
					ignoreLastRenderedPageBreak: true, // boolean：在 lastRenderedPageBreak 元素上禁用分页
					experimental: false, // boolean：启用实验功能（制表符停止计算）
					trimXmlDeclaration: true, // boolean：如果为true，解析前会从 xml 文档中移除 xml 声明
					useBase64URL: false, // boolean：如果为true，图片、字体等会转为base 64 URL，否则使用URL.createObjectURL
					useMathMLPolyfill: false, // boolean：包括用于 chrome、edge 等的 MathML polyfill。
					showChanges: false, // boolean：启用文档更改的实验性渲染（插入/删除）
					debug: false, // boolean：启用额外的日志记录
				},
			}
		},
		methods: {
			openDocument(toUrl) {
				uni.downloadFile({
					url: toUrl,
					success: function(res) {
						var filePath = res.tempFilePath;
						uni.openDocument({
							filePath: filePath,
							success: function(res) {}
						});
					}
				})
			},
			docxRender(buffer) {
				uni.request({
					method: "get",
					responseType: "blob", // 因为是流文件，所以要指定blob类型
					url: "http://localhost:48080/admin-api/infra/file/24/get/2024-10-09/img/软件详细设计/0.png", // 自己的服务器，提供的一个word下载文件接口
				}).then(({
					data
				}) => {
					console.log(data); // 后端返回的是流文件
					renderAsync(
						data,
						// buffer, // Blob | ArrayBuffer | Uint8Array, 可以是 JSZip.loadAsync 支持的任何类型
						bodyContainer, // HTMLElement 渲染文档内容的元素,
						null, // HTMLElement, 用于呈现文档样式、数字、字体的元素。如果为 null，则将使用 bodyContainer。
						this.docxOptions // 配置
					);
				});
			}
		}
	}
</script>

<style>

</style>